<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<div id="container">
			<!-- 完成按钮 -->
			<a href="run.html">完成</a>
			<!-- 公里数盒子 -->
			<div class="males-box">
				<!-- 上方公里数 -->
				<div class="total-males">
					<div class="left-data">
						<p class="run-text">户外跑</p>
						<p><span class="num">99.99</span>公里</p>
					</div>
					<div class="right-data">
						<p>2020/11/10</p>
					</div>
				</div>
				<!-- 下方详细数据 -->
				<div class="details">
					<div class="speed">
						<p>14'51"</p>
						<p class="font-12">平均配速</p>
					</div>
					<div class="used-time">
						<p>99:99:99</p>
						<p class="font-12">用时</p>
					</div>
					<div class="calorie">
						<p>3600</p>
						<p class="font-12">千卡</p>
					</div>
				</div>
			</div>
		</div>
		<!-- <script
			type="text/javascript"
			src="https://api.map.baidu.com/api?v=hCsxBaNmn7y59xL9YGPHcvsGrA42VFPW"
		>
			var map = new BMapGL.Map("container");
			var point = new BMapGL.Point(116.404, 39.915);
			map.centerAndZoom(point, 15);
		</script> -->
	</body>
</html>
